import React from "react";
import style from './webrtc.module.less'
import {Button} from "antd";
import {PlusOutlined} from "@ant-design/icons";
import TextArea from "antd/es/input/TextArea";


export default function Webrtc() {
    return (
        <div className={style.container}>
            <div className={style.leftBox}>
                <div className={style.top}>
                    <span className={style.top__title}>WebRTC</span>
                    <Button icon={<PlusOutlined/>} className={style.top__button}/>
                </div>
                <div className={style.bottom}>
                    <div className={style.deviceItem}>
                        @ IPad 2021
                    </div>
                </div>

            </div>
            <div className={style.rightBox}>
                <div className={style.rightTop}>
                    聊天框
                </div>
                <div className={style.rightBottom}>
                    <TextArea rows={10} maxLength={100} showCount={true} placeholder={'请输入内容'}/>
                    <Button style={{float: 'right', margin: '20px 10px 0 0 '}} type={'primary'}>发送（Enter）</Button>
                </div>
            </div>
        </div>
    )
}